$(function(){
   
    init();
    function init(){
        getQueryTopCategoty();
        eventList();
      
      
    }
// 绑定一坨事件
function eventList(){
//    $('.left').on('tab',function(){
//        alert(123);
//    })
    // 因为事件对象是动态生成的,所以要用委托的方法注册事件
    $(".left").on("click","li",function(){
    //    console.log(123);
        // 获取被点击的一级分类id
        var id = $(this).data("id");
        
        // 渲染二级分类数据
        getQuerySecondCategory(id);
    })
}
      // 获取一级分类
      function getQueryTopCategoty(){
        $.get(location.origin+"/category/queryTopCategory",function(ret){
         var html = template("leftTemp",{arr:ret.rows})
         
         
         $(".left").html(html);   //左边 模板渲染完毕
         var id = ret.rows[0].id; // 此时, id=1
         // 取到左边第一个id,把id给二级分类,让它去找对应的数据,渲染到右边
         // 调用二级分类
        
         getQuerySecondCategory(id);//默认渲染左边的第一条数据在右边
        })
    }
    function  getQuerySecondCategory(id){
       
             var url = location.origin+"/category/querySecondCategory?id="+id;
             $.get(url,function(ret){
                 // 先判断有没有数据
                
                 if(ret.rows.length>0){
                    var html = template("rightTemp",{arr:ret.rows});//获取id=1时的所有数据渲染到右边作为左边第一条id对应的数据
                    // console.log(html);
                    
                    $(".right").html(html);
                 }else{
                     $(".right").html("没有更多的数据啦!么么哒");
                 }
                 
             })
    }
})